<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>商品入库</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/jqweui/lib/weui.min.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jquery-weui.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jqweui_extend.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_539359_q9xrtmlc8gp.css">
    <script src="../../script/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="../../script/plugins/in/in-min.js"></script>
    <script type="text/javascript" src="../../css/jqweui/js/in-config.js"></script>
    <script src="../../css/jqweui/js/jquery-weui.js"></script>
    <script src="../../css/jqweui/js/util.js"></script>
</head>
<body class="wrap">
<section class="mc-view-box">
    <div class="mc-header-box">
        <div class="mc-header bg-black">
            <a href="javascript:;" onclick="utils.back()" class="head-icon">
                <i class="iconfont icon-arrow-left"></i>
            </a>
            <div class="main-box head-title text-left">
                商品入库
            </div>
            <a href="goods_buy_add.html" class="head-icon">
                <i class="iconfont icon-yduijia"></i>
            </a>
        </div>
    </div>
    <div class="mc-scrollview">
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">选择仓库</label></div>
                <div class="weui-cell__bd">
                    <input type="text" id='depot_select' placeholder="请选择仓库"/>
                </div>
            </div>
        </div>
        <div class="weui-panel__bd">
            <div class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="../../image/01.jpg">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">春秋款薄被这里是商品名称</h4>
                    <p class="weui-media-box__desc">规格：蓝色，1800*2000mm</p>
                </div>
                <div class="weui-media-box__ft text-right" style="padding-left:15px;font-size:14px;">
                    ￥120.99<br>
                    *15<br>
                    <a href="javascript:;" onclick="editSku(this)" class="iconfont icon-bianji"></a>
                </div>
            </div>
            <div class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="../../image/01.jpg">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">春秋款薄被这里是商品名称</h4>
                    <p class="weui-media-box__desc">规格：蓝色，1800*2000mm</p>
                </div>
                <div class="weui-media-box__ft text-right" style="padding-left:15px;font-size:14px;">
                    ￥120.99<br>
                    *15<br>
                    <a href="javascript:;" onclick="editSku(this)" class="iconfont icon-bianji"></a>
                </div>
            </div>
            <div class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="../../image/01.jpg">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">春秋款薄被这里是商品名称</h4>
                    <p class="weui-media-box__desc">规格：蓝色，1800*2000mm</p>
                </div>
                <div class="weui-media-box__ft text-right" style="padding-left:15px;font-size:14px;">
                    ￥120.99<br>
                    *15<br>
                    <a href="javascript:;" onclick="editSku(this)" class="iconfont icon-bianji"></a>
                </div>
            </div>
            <div class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="../../image/01.jpg">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">春秋款薄被这里是商品名称</h4>
                    <p class="weui-media-box__desc">规格：蓝色，1800*2000mm</p>
                </div>
                <div class="weui-media-box__ft text-right" style="padding-left:15px;font-size:14px;">
                    ￥120.99<br>
                    *15<br>
                    <a href="javascript:;" onclick="editSku(this)" class="iconfont icon-bianji"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="mc-footer-box" style="padding:10px;">
        <a href="javascript:;" class="btn btn-info btn-block">商品入库</a>
    </div>
</section>
<script>
    $("#depot_select").select({
        title: "选择仓库",
        items: [
            {
                title: "1号仓库",
                value: "001",
            },
            {
                title: "2号仓库",
                value: "002",
            },
            {
                title: "门店临时库",
                value: "003",
            }
        ]
    });
</script>
<script type="text/html" id="sku-tpl">
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell mc-cell">
            <div class="weui-cell__hd"><label class="weui-label">名称</label></div>
            <div class="weui-cell__bd cell-static">
                春秋款薄被这里是商品名称
            </div>
        </div>
        <div class="weui-cell mc-cell">
            <div class="weui-cell__hd"><label class="weui-label">规格</label></div>
            <div class="weui-cell__bd cell-static">
                蓝色，1800*2000mm
            </div>
        </div>
        <div class="weui-cell mc-cell">
            <div class="weui-cell__hd"><label class="weui-label">库存</label></div>
            <div class="weui-cell__bd cell-static">
                198 件
            </div>
        </div>
        <div class="weui-cell mc-cell esp-cell">
            <div class="weui-cell__hd"><label class="weui-label">单价</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input esp-input" type="number" name="goods_price" value="129.99">
            </div>
        </div>
        <div class="weui-cell mc-cell">
            <div class="weui-cell__hd"><label class="weui-label">数量</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input esp-input" type="number" name="goods_number" value="15">
            </div>
        </div>
        <div class="weui-btn-area">
            <a class="weui-btn weui-btn_primary" href="javascript:;" onclick="layer.closeAll();" id="showTooltips">确定</a>
        </div>
    </div>
</script>
<script>
    function editSku() {
        In('layer','template',function () {
            var html=template('sku-tpl',{});
            layer.open({
                type: 1
                ,content:html
                ,anim: 'up'
                ,style: 'position:fixed; top:50%;left:5vw; width:90vw; height:285px;margin-top:-142px; border:none;'
            });
        });
    }
</script>
</body>
</html>